<HTML>
 	<HEAD>
  		<TITLE> currentTarget vs target </TITLE>
  		<META NAME="Generator" CONTENT="EditPlus">
  		<META NAME="Author" CONTENT="">
  		<META NAME="Keywords" CONTENT="">
  		<META NAME="Description" CONTENT="">
 	</HEAD>
 	<BODY>
  
	<pre>
	currentTarget是事件的处理对象(event processor)
	target是事件的调用对象(event dispatcher)

	1.currentTarget在事件流的捕获，目标及冒泡阶段。
	target在事件流的目标阶段；

	只有当事件流处在目标阶段的时候，两个的指向才是一样的，
	而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。
	2.currentTarget属性具备两条件:注册侦听器；正在处理事件。
	例子：
	</pre>

	<div id="wrapper"> 
		<a href="#" id="inner">click here!</a> 
	</div> 
	<script src="../test-jq/js/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script> 
	$('#wrapper').click(function(e) { 
		console.log('#wrapper'); 
		console.log(e.currentTarget); 
		console.log(e.target); 
	}); 
	$('#inner').click(function(e) { 
		console.log('#inner'); 
		console.log(e.currentTarget); 
		console.log(e.target); 
	}); 
	/* 
	以上测试输出如下： 
	当点击click here!时click会向上冒泡，输出如下： 
	#inner 
	<a href=​"#" id=​"inner">​click here!​</a>​ 
	<a href=​"#" id=​"inner">​click here!​</a>​ 
	#wrapper 
	<div id=​"wrapper">​…​</div>​ 
	<a href=​"#" id=​"inner">​click here!​</a>​ 
	*/ 
	</script> 
	
 	</BODY>
</HTML>